<!--  -->
<template>
	<u-navbar :is-fixed="false" :border-bottom="false" :is-back="false" title=""
		:background="{ background: '#101334' }">
		<view class="nav-wrap">
			<view class="mine" @click="toCenter">
				<image src="/static/images/home/mine.png" class="icon mine-icon" mode="widthFix"></image>
			</view>

			<view class="tool">
				<image src="/static/images/home/msg.png" class="icon message-icon" mode="widthFix"></image>
			</view>
		</view>
	</u-navbar>
</template>

<script>
	export default {
		data() {
			return {};
		},

		components: {},

		computed: {},

		mounted() {},

		methods: {
			toCenter() {
				this.$emit('toCenter')
			}
		},
	};
</script>
<style lang='scss' scoped>
	.nav-wrap {
		width: 100%;
		padding: 0 22rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.mine {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: flex-start;
			font-size: 32rpx;
			font-family: Microsoft YaHei;
			font-weight: bold;
			color: #ffffff;

			.mine-icon {
				width: 50rpx;
				margin-left: 10rpx;
			}
		}

		.tool {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: flex-end;

			.icon {
				height: auto;
			}

			.message-icon {
				width: 45rpx;
				margin-right: 15rpx;
			}
		}
	}
</style>
